<template>
	<m-layout class="shop" color="#fff" title="" :goBack="false" barBg="unset">
		<view class="label_v">
			<view class="textBox flex-column">
				<image src="" mode=""></image>
			</view>
		</view>
		<m-block class="coming flex-column" radius="16" gap="30 40" spa="52 30 0 30">
			<m-image :size="[388, 229]" src="../../static/images/default/coming_1.png" mode=""></m-image>
			<text class="mt-48 btnCome">~即將上線~</text>
		</m-block>
	</m-layout>
</template>

<script>
export default {
	data() {
		return {
			topStyle: 'linear-gradient(0deg, #FF7B00, #FF6F00);'
		};
	},
	onShow() {},
	onPullDownRefresh() {},
	onReachBottom() {},
	methods: {}
};
</script>

<style lang="scss">
page {
	// background: linear-gradient(180deg, #304fff, #fff8f0);
	background: linear-gradient(to bottom, #304fff 20%, #fff8f0 40%);
	// background-color: #fff8f0;
}

.shop {
	::v-deep .top-nav {
		// background: linear-gradient(0deg, #304fff, #304fff);
		// background: linear-gradient(to bottom, #304fff 0%, #fff8f0 30%);
	}
}

.label_v {
	background-color: #304fff;
	height: 420rpx;
	padding: 50rpx 40rpx 0rpx;
	box-sizing: border-box;
	.textBox {
		background: url('@/static/images/pages/shop/joinBg.png') no-repeat;
		background-size: 669rpx, 291rpx;
		height: 300rpx;
		color: #fff;

		& > text:nth-of-type(1) {
			font-size: 40rpx;
			font-weight: 600;
		}

		& > text:nth-of-type(2) {
			padding-top: 8rpx;
			padding-bottom: 16rpx;
			font-size: 30rpx;
		}

		& > text:nth-of-type(3) {
			font-size: 21rpx;
			color: #ffd8a5;
		}
	}
}

.coming {
	min-height: 760rpx;
	position: relative;
	top: -150rpx;
	justify-content: center;
	align-items: center;

	// image {
	// 	height: 360rpx;
	// 	width: 360rpx;
	// }
	image {
		height: 616rpx;
		height: 581rpx;
	}
}

.btnBox {
	padding: 0rpx 30rpx;

	button {
		height: 80rpx;
		line-height: 80rpx;
		background: linear-gradient(90deg, #fa2b47 0%, #ff6619 100%);
		border-radius: 45px;
		color: #fff;
		font-size: 24rpx;
	}
}
.btnCome {
	width: 300rpx;
	height: 70rpx;
	background: #225cf3;
	border-radius: 15rpx;
	text-align: center;
	line-height: 70rpx;
	color: #fff;
	font-size: 24rpx;
}
</style>
